<template>
  <div class="app-container">
    <div class="head">
      <img src="@/assets/img/Layout/position.png" />
      <p class="see-block">配置详情</p>
    </div>
    <div class="view-container">
      <el-row class="detail-item">
        <el-col :span="12">
            <span>acctId：</span>{{ detailData.acctId ?  detailData.acctId : '暂无'}}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
            <span>appId：</span>{{ detailData.appId ?  detailData.appId : '暂无'}}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
            <span>appSec：</span>{{ detailData.appSec ?  detailData.appSec : '暂无'}}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
            <span>userName：</span>{{ detailData.userName ?  detailData.userName : '暂无'}}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
            <span>lcId：</span>{{ detailData.lcId ?  detailData.lcId : '暂无'}}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
            <span>serverUrl：</span>{{ detailData.serverUrl ?  detailData.serverUrl : '暂无'}}
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import { k3cloudConfigDetail } from "@/api/system/k3cloudConfig/k3cloudConfig"
export default {
  name: "detail",
  data(){
    return {
      id: '',
      detailData: '',
    }
  },
  created() {
    this.id = this.$route.query.id
    this.getDetailData()
  },
  methods: {
    // 获取详情信息
    getDetailData() {
      k3cloudConfigDetail(this.id).then(res => {
        if(res.code == 200){
          this.detailData = res.data
        }else{
          this.$modal.msgError(res.msg)
        }
      })
    }
  }
}
</script>